<script type="text/javascript">
  // when passed a function, jQuery execs code when DOM Ready
  $(function() {
        $( "#tabs-1" ).tabs();
      });
</script>

{% block content %}
    <div id="tabs-1">
	<ul>
		<li><a href="/bouting/{{tournament.id}}/{{event.id}}/{{round.id}}/initialSeeding/">Initial Seeding</a></li>
		<li><a href="/bouting/{{tournament.id}}/{{event.id}}/{{round.roundNum}}/poolOptions/">Pool Options</a></li>
		<li><a href="/bouting/{{tournament.id}}/{{event.id}}/{{round.id}}/generatePools/">Pools</a></li>
		<li><a href="/bouting/{{tournament.id}}/{{event.id}}/{{round.id}}/beginFencing/">Fence</a></li>
        </ul>
</div>

{% endblock %}
